<?php
$options = Helper::options();
$db = Typecho_Db::get();
$prefix = $db->getPrefix();
$books = $db->fetchAll(
    $db->select()->from($prefix . 'booksline')->order($prefix . 'booksline.id', Typecho_Db::SORT_DESC)
);

?>
<div class="jazz-timeline-wrapper" id="skrollr-body">
    <div class="jazz-timeline dark-timeline ultimate-style">

        <?php foreach ($books as $book) : ?>

            <div class="timeline-post turqoise-post">
                <div class="timeline-meta">
                    <div class="meta-details"><?php echo $book['read_time']?></div>
                </div>
                <div class="timeline-icon icon-dot">
                    <div class="timeline-bar"></div>
                </div>
                <div class="timeline-content" data--20-bottom-top="opacity:0;top:-10%;transform:rotate(180deg);" data--50-bottom-bottom="opacity:1;top:3%;transform:rotate(0deg);transform-origin:0 0;">
                    <h2 class="content-title turqoise-title"><?php echo $book['book_name']?>&nbsp;&nbsp;<sub><?php echo $book['book_author']?></sub></h2>
                    <div class="content-details">
                        <p><?php echo $book['book_description']?></p>
                    </div>
                </div><!-- timeline content -->
            </div><!-- .timeline-post -->
        <?php endforeach; ?>


    </div><!-- .timeline -->
</div><!-- .jazz-timeline-wrapper -->